  <layout name="site" />
    <div class="contlist" id="contlist">
      <ul id="list"></ul>
    </div>
    <input type="hidden" id="add-num" value="2"/>

    <script>
     var url="{:U('Product/getProductInfo')}";
     function oWidth(){
       $( '#contlist img' ).each(function(i){
         $( '#contlist img' ).eq(i).height($( '#contlist img' ).eq(i).width());
       })
     }
     $( '#prompt .close' ).click(function(){
        $( '#mask' ).hide();
        $( '#prompt' ).hide();  
     })
     fz();
     function fz(){
       $( '#prompt' ).css(
         'marginTop',($(window).height()-$( '#prompt' ).height())/2
       );
     };
     var ourl="{:U('Link/more')}";
     var oList=document.getElementById('list');
     var id={$cat_id}*1;
     var sid={$sid}*1;
     $.ajax({
         type:'POST',
         url:ourl,
         data:{id:id,sid:sid},
         success:function(data){
          var data = data.extra;
          for(var i = 0 ; i < data.length ; i++){
             var oDiv=document.createElement("li");
             oDiv.innerHTML="<a href='"+ data[i].url+"'><span>" + data[i].cid + "</span><img src='" + data[i].icon + "'></a><div class='title-h3'>"+data[i].title+"</div>";
             oList.appendChild(oDiv);
           }
           oWidth();
         }  
     })
    window.onscroll=function(){
       if(($(document.body).height()-$(window).scrollTop()-$(window).height())<10){ 
               $.ajax({
                 type:'POST',
                 url:ourl,
                 data:{cat_id:'189',p:$( '#add-num' ).val()},
                 success:function(data){
                   var data = data.extra;
                   if( data!=null||data!=undefined ){
                        for(var i = 0 ; i < data.length ; i++){
                           $('#add-num').val(Number($('#add-num').val())+1);//加载次数
                           var oDiv=document.createElement("li");
                           oDiv.innerHTML="<a href='"+ data[i].url+"'><span>" + data[i].cid + "</span><img src='" + data[i].icon + "'></a>";
                           oList.appendChild(oDiv);
                         }
                         oWidth();
                   }else{
                     GH.showMessage('已经没有数据了哦~');
                   }
                 }  
               })
        }; 
    }
  </script>